<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 开发环境版本，包含了有帮助的命令行警告 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<!--vue的View部分。负责数据的呈现-->
		<div id="app-4">
			<ol>
				<li v-for="todo in todo_list">
					{{ todo.text }}
				</li>
		    </ol>
		</div>
		
		<script type="text/javascript">
			var app4 = new Vue({
				el: '#app-4',
				data: {
					todo_list : [
						{"text": "邪王炎杀黑龙波"},
						{"text": "邪王炎杀炼狱焦"},
						{"text": "灵光镜反冲"}
					]
				}
			})
			
		</script>
	</body>
</html>